<!DOCTYPE html>
<html>
{include file="public/head"}
<body>
<div >
  <form class="layui-form layui-form-pane" action="{:url('admin/users/do_sendmsg')}" method="post">
      <div class="layui-form-item">
          <label class="layui-form-label">用户ID:</label>
          <div class="layui-input-block">
              <input type="text" name="userid" class="layui-input" value="">
          </div>
      </div>
      <textarea class="layui-hide" name="content" id="content"></textarea>
      <div style="padding-bottom: 20px;" class="nyoj-clear-width">
          <div id='content-ed'></div> 
      </div>
      <button type="submit" class="layui-btn">发送</button>
  </form>
</div>
    
{include file="public/end"}
<script type="text/javascript" src="__STATIC__/WE/wangEditor.min.js"></script>
    <script>
          
layui.use(['form','jquery'],function(){
    var $=layui.jquery;
    
    var E = window.wangEditor;  
        var editor = new E('#content-ed');
        editor.customConfig.uploadImgServer = '/api/uploadimage'; // 上传图片到服务器
        editor.customConfig.uploadImgMaxSize = 2 * 1024 * 1024;
        editor.customConfig.uploadFileName = 'file';
        var $text1 = $('#content');
        editor.customConfig.onchange = function (html) {
            // 监控变化，同步更新到 textarea
            $text1.val(html);
        };
        editor.customConfig.menus = [
        'head',  // 标题
    'bold',  // 粗体
    'fontSize',  // 字号
    'fontName',  // 字体
    'italic',  // 斜体
    'underline',  // 下划线
    'strikeThrough',  // 删除线
    'foreColor',  // 文字颜色
    'backColor',  // 背景颜色
    'link',  // 插入链接
    'list',  // 列表
    'justify',  // 对齐方式
    'quote',  // 引用
    'image',  // 插入图片
    'table',  // 表格
    'code',  // 插入代码
    'undo',  // 撤销
    'redo'  // 重复
    ];
        editor.create();
        $text1.val(editor.txt.html());
});
    </script>
</html>